<template>
  <div id="cooper-container">
    <div class="pic-box">
      <img src="@/assets/img/pic27.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic28.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic29.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic30.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic31.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic32.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic33.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic34.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic35.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic36.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic37.jpg" alt="">
    </div>
    <div class="pic-box">
      <img src="@/assets/img/pic38.jpg" alt="">
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
  #cooper-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    .pic-box{
      width: 25%;
      img{
        width: 100%;
      }
    }
  }
</style>